<template>
  <div class="skeleton-wraper">
    <van-skeleton title avatar animate :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
    <hr />
    <van-skeleton title avatar :row="2" />
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.skeleton-wraper {
  height: 100%;
  padding: 20px;
  hr {
    background-color: #f2f3f5;
    height: 1px;
    border: none;
  }
  /deep/ .van-skeleton__row {
    width: 100% !important;
  }
}
</style>
